//variable que controla el mapa
var map;
//controla la información geoespacial
var geocoder;
//arreglo que contiene la información de los iconos
var arIcons;
//contiene  la información de las marcas
var points = [];
//mensaje que muestra
var htmls = [];

var i = 0; 
//iconos
arIcons=[
		{"name":"Default",
			"fname":"http://maps.google.com/mapfiles/kml/pal5/icon13.png",
			"shadow":"http://maps.google.com/mapfiles/kml/pal5/icon13s.png",
			"width":32,
			"height":32},
		{"name":"Hopedaje",
			"fname":"http://maps.google.com/mapfiles/kml/pal2/icon28.png",
			"shadow":"http://maps.google.com/mapfiles/kml/pal2/icon28s.png",
			"width":30,
			"height":30},
		{"name":"Restaurante",
			"fname":"http://maps.google.com/mapfiles/kml/pal2/icon43.png",
			"shadow":"http://maps.google.com/mapfiles/kml/pal2/icon43s.png",
			"width":30,
			"height":30},
		{"name":"Atractivo",
			"fname":"http://maps.google.com/mapfiles/kml/pal2/icon12.png",
			"shadow":"http://maps.google.com/mapfiles/kml/pal2/icon12s.png",
			"width":30,
			"height":30},
		{"name":"casa",
			"fname":"http://maps.google.com/mapfiles/kml/pal3/icon56.png",
			"shadow":"http://maps.google.com/mapfiles/kml/pal3/icon56s.png",
			"width":30,
			"height":30},
		{"name":"centros",
			"fname":"http://maps.google.com/mapfiles/kml/pal3/icon31.png",
			"shadow":"http://maps.google.com/mapfiles/kml/pal3/icon31s.png",
			"width":30,
			"height":30}	
		];
function initialize(){
	map = new GMap2(document.getElementById("map_canvas"));
	geocoder = new GClientGeocoder();
	//se indica un punto incial en el mapa
	map.setCenter(new GLatLng(8.996313269136376, -83.68011474609375), 9);
	//incluye los controles del usuario 
	
	var customUI = map.getDefaultUI();
	//vista de un mapa hibrido
	customUI.maptypes.hybrid = true;
	//vista de satellite 
	customUI.maptypes.satellite = true;
	//vista de un mapa fisico
	customUI.maptypes.physical = true;
	//agrega los controlea al mapa
	map.setUI(customUI);
	PointsPlanta();
	//
	
	
	
}

//Proceso que agrega un punto al mapa
function AddPoint(xlat,xlong,xmsg,xlink, xtipo)
{
	//crea un punto geoespacioal
	var point = new GLatLng(xlat,xlong);
	//agrega ese punto a un marcador 
	var marker = new GMarker(point,getIncon(xtipo));
	//crea un link que dirige a la información relacionada
	//xmsg="<center> <a href='../Planta/Mostrar.php?id_ente="+idente+"'  target=\"_blank\">"+ xmsg+"</a><center>";
	//agrega la información al mapa	
	//map.openInfoWindowHtml(point, xmsg);	
	//crea un punto en el mapa
	map.addOverlay(marker);
	//agrega un evento al marcador
	GEvent.addListener(marker, "click", function() {
  		   map.openInfoWindowHtml(point, xlink);
 	});
	
	//almacena el marker y el msg en un arreglo para ser consultado luego
		points[i]=point;
		htmls[i]=xlink;	
		$("#marca").append("<option value=\""+i+"\" title=\""+i+"\">"+xmsg+"</option>");
		i++;
}

//obtiene el icono correspondiente a un tema 
function getIncon(xtema)
{
	var n;
	switch(xtema)
	{
		//atractivos
		case 24:
			n=3;
		break;
		//hoteles
		case 4:
			n=1;
		break;
		//cabinas
		case 39:
			n=1;
		break;
		//Motel
		case 39:
			n=1;
		break;
		//otros centros 
		case 43:
			n=1;
		break;
		//complejos
		case 42:
			n=4;
		break;
		//albergues y posadas
		case 40:
			n=1;
		break;
		//pymes turismos
		case 54:
			n=5;
		break;
		//centros de desarrollo
		case 86:
			n=5;
		break;
		default:
		n=0;
	}
	//crea un nuevo tipo de icono
	var baseIcon = new GIcon();
	baseIcon.image=arIcons[n].fname;		
	baseIcon.iconSize = new GSize(arIcons[n].width,arIcons[n].height);
	baseIcon.shadow=arIcons[n].shadow;	
	baseIcon.shadowSize = new GSize(arIcons[n].width,arIcons[n].height);	
	baseIcon.iconAnchor = new GPoint(arIcons[n].width/2,arIcons[n].height/2);	
	return baseIcon;
}

//****************************************************************************
//obtiene la información de los puntos
function PointsPlanta()
{
	i=0;
	map.clearOverlays();
	$("#marca").html("");
	$.get("../Consultas/gpuntos.php",{tipo: "Planta",mapa:"maps"},
		function(data){
			eval(data);
	});
	$("#txttipo").show();
	$(".title").html("Mapa de Plantas tur&iacute;sticas")
	
}
//obtiene la información de los puntos
function PointsAtractivo()
{
	i=0; 	
	map.clearOverlays();
	$("#marca").html("");
	$.get("../Consultas/gpuntos.php",{tipo: "Atractivo",mapa:"maps"},
		function(data){
			eval(data);
	});
	$("#txttipo").hide();
	$(".title").html("Mapa de Atractivos tur&iacute;sticos")
}

//obtiene los puntos referentes a un tema
//******************************************************	

function GetTipo()
{
		var valor=$("#txttipo").val();
		map.clearOverlays();
		$("#marca").html("");
		//$("#puntos").html("");
		points = [];
		htmls = [];
		i = 0; 
		$.get("../Consultas/puntos.php",{tipo: "Planta",tema: valor},
			function(data){
				eval(data);	
		});
}
//muestra el munto seleccionado
function pointclick(n)
{
	
	point=points[n];
	html=htmls[n];
	map.openInfoWindowHtml(point, html);
}
//Contiene la información del punto que se marco
function getmarker()
{
	var valor=document.getElementById("marca").options[document.getElementById("marca").selectedIndex].title;
	pointclick(valor);
}

//***************************************************************
//oculta la sidebar para agrandar el mapa
function hidesidebar()
{
	 $("#sidebar").hide();
	 $("#mapa").css("width","100%");
	 $("#hsidebar").uncorner();
	 $("#hsidebar").attr("onClick","showsidebar()");
	 $("#hsidebar").html(">>");
	 $("#hsidebar").css("margin-left","0em");
	 $("#hsidebar").css("position","absolute");	 	 
	 $("#hsidebar").corner("right");
	
}
//muestra la sidebar
function showsidebar()
{
	 $("#sidebar").show();
	 $("#mapa").css("width","80%");
	 
	 $("#hsidebar").uncorner();
	 $("#hsidebar").attr("onClick","hidesidebar()");
	 $("#hsidebar").html("<<");
	 $("#hsidebar").css("margin-left","-2.1em");	 
	 $("#hsidebar").corner("left");
	
	 
}
//******************************************************************************************************
//******************************************************************************************************
//google earth